<extend name="Public/base"/>
<block name="style">
	<link rel="stylesheet" href="__JS__/codemirror/codemirror.css">
	<link rel="stylesheet" href="__JS__/codemirror/theme/{:C('codemirror_theme')}.css">
	<style>
		.CodeMirror, #preview_window {
			width: 700px;
			height: 500px;
		}

		#preview_window.loading {
			background: url('__STATIC__/thinkbox/skin/default/tips_loading.gif') no-repeat center;
		}

		#preview_window textarea {
			display: none;
		}
	</style>
</block>
<block name="body">
	<div class="main-title cf">
		<h2>插件快速创建</h2>
	</div>
	<!-- 表单 -->
	<form id="form" action="{:U('build')}" method="post" class="form-horizontal doc-modal-form">
		<div class="form-item">
			<label class="item-label"><span class="must">*</span>标识名 <span class="check-tips">（插件的英文字，只能英文字母，不能有数字，下划线等，多个单词组合时首字母大写，如 UserCenter）</span></label>

			<div class="controls">
				<input type="text" class="text input-large" name="info[name]" value="Example">
			</div>
		</div>
		<div class="form-item">
			<label class="item-label">插件名<span class="check-tips">（插件中文名）</span></label>

			<div class="controls">
				<input type="text" class="text input-large" name="info[title]" value="示列">
			</div>
		</div>
		<div class="form-item">
			<label class="item-label">版本<span class="check-tips">（请输入插件版本）</span></label>

			<div class="controls">
				<input type="text" class="text input-large" name="info[version]" value="0.1">
			</div>
		</div>
		<div class="form-item">
			<label class="item-label">作者<span class="check-tips">（请输入插件作者）</span></label>

			<div class="controls">
				<input type="text" class="text input-large" name="info[author]" value="无名">
			</div>
		</div>
		<div class="form-item">
			<label class="item-label">描述<span class="check-tips">（请输入描述）</span></label>

			<div class="controls">
				<label class="textarea input-large">
					<textarea name="info[description]">这是一个临时描述</textarea>
				</label>
			</div>
		</div>
		<div class="form-item">
			<label class="item-label">安装后是否启用</label>

			<div class="controls">
				<label class="checkbox">
					<input type="checkbox" name="info[status]" value="1" checked/>
				</label>
			</div>
		</div>
		<div class="form-item">
			<label class="item-label">是否需要配置<span class="check-tips">（如插件有配置参数，则选择是，如：<a
					href="{:addons_url ( 'UserCenter://UserCenter/config' )}"
					target="_blank">微信用户插件的配置</a> ）</span></label>

			<div class="controls">
				<label class="checkbox"><input type="checkbox" id="has_config" name="has_config" value="1"/></label>
				<label class="textarea input-large has_config hidden">
					<textarea class="textarea" name="config">
&lt;?php
return array(
	'random'=>array(//配置在表单中的键名 ,这个会是config[random]
		'title'=>'是否开启随机:',//表单的文字
		'type'=>'radio',		 //表单的类型：text、textarea、checkbox、radio、select等
		'options'=>array(		 //select 和radion、checkbox的子选项
			'1'=>'开启',		 //值=>文字
			'0'=>'关闭',
		),
		'value'=>'1',			 //表单的默认值
	),
);
					</textarea>
				</label>
				<input type="text" class="text input-large has_config hidden" name="custom_config">
				<span class="check-tips has_config hidden">自定义模板,注意：自定义模板里的表单name必须为config[name]这种，获取保存后配置的值用$data.config.name</span>
			</div>
		</div>

		<input type="hidden" name="has_outurl" value="1"/>
		<input type="hidden" name="hook[]" value="weixin"/>

		<div class="form-item">
			<label class="item-label">是否需要管理列表</label>

			<div class="controls">
				<label class="checkbox">
					<input type="checkbox" id="has_adminlist" name="has_adminlist" value="1"/>如插件数据有管理列表，则选择是，如：<a
						href="{:addons_url ( 'UserCenter://UserCenter/lists' )}" target="_blank">微信用户插件的管理列表</a>
				</label>
			</div>
		</div>

		<div class="form-item">
			<input type="hidden" name="type" value="{$type|intval}"/>
			<button class="btn btn-return" type="button" id="preview">预 览</button>
			<button class="btn ajax-post_custom submit-btn" target-form="form-horizontal" id="submit">确 定</button>
			<button class="btn btn-return" onclick="javascript:history.back(-1);return false;">返 回</button>
		</div>
	</form>
</block>

<block name="script">
	<script type="text/javascript" src="__JS__/codemirror/codemirror.js?v={:SITE_VERSION}"></script>
	<script type="text/javascript" src="__JS__/codemirror/xml.js?v={:SITE_VERSION}"></script>
	<script type="text/javascript" src="__JS__/codemirror/javascript.js?v={:SITE_VERSION}"></script>
	<script type="text/javascript" src="__JS__/codemirror/clike.js?v={:SITE_VERSION}"></script>
	<script type="text/javascript" src="__JS__/codemirror/php.js?v={:SITE_VERSION}"></script>

	<script type="text/javascript" src="__STATIC__/thinkbox/jquery.thinkbox.js?v={:SITE_VERSION}"></script>

	<script type="text/javascript">
		function bindShow(radio_bind, selectors) {
			$(radio_bind).click(function () {
				$(selectors).toggleClass('hidden');
			})
		}

		//配置的动态
		bindShow('#has_config', '.has_config');
		bindShow('#has_adminlist', '.has_adminlist');

		$('#preview').click(function () {
			var preview_url = '{:U("preview")}';
			//console.log($('#form').serialize());
			$.post(preview_url, $('#form').serialize(), function (data) {
				$.thinkbox('<div id="preview_window" class="loading"><textarea></textarea></div>', {
					afterShow: function () {
						var codemirror_option = {
							lineNumbers: true,
							matchBrackets: true,
							mode: "application/x-httpd-php",
							indentUnit: 4,
							gutter: true,
							fixedGutter: true,
							indentWithTabs: true,
							readOnly: true,
							lineWrapping: true,
							height: 500,
							enterMode: "keep",
							tabMode: "shift",
							theme: "{:C('CODEMIRROR_THEME')}"
						};
						var preview_window = $("#preview_window").removeClass(".loading").find("textarea");
						var editor = CodeMirror.fromTextArea(preview_window[0], codemirror_option);
						editor.setValue(data);
						$(window).resize();
					},

					title: '预览插件主文件',
					unload: true,
					actions: ['close'],
					drag: true
				});
			});
			return false;
		});

		$('.ajax-post_custom').click(function () {
			var target, query, form;
			var target_form = $(this).attr('target-form');
			var check_url = '{:U('
			checkForm
			')}';
			$.ajax({
				type: "POST",
				url: check_url,
				dataType: 'json',
				async: false,
				data: $('#form').serialize(),
				success: function (data) {
					if (data.status) {
						if (($(this).attr('type') == 'submit') || (target = $(this).attr('href')) || (target = $(this).attr('url'))) {
							form = $('.' + target_form);
							if (form.get(0).nodeName == 'FORM') {
								target = form.get(0).action;
								query = form.serialize();
							} else if (form.get(0).nodeName == 'INPUT' || form.get(0).nodeName == 'SELECT' || form.get(0).nodeName == 'TEXTAREA') {
								query = form.serialize();
							} else {
								query = form.find('input,select,textarea').serialize();
							}
							$.post(target, query).success(function (data) {
								if (data.status == 1) {
									if (data.url) {
										updateAlert(data.info + ' 页面即将自动跳转~', 'alert-success');
									} else {
										updateAlert(data.info + ' 页面即将自动刷新~');
									}
									setTimeout(function () {
										if (data.url) {
											location.href = data.url;
										} else {
											location.reload();
										}
									}, 1500);
								} else {
									updateAlert(data.info);
								}
							});
						}
					} else {
						updateAlert(data.info);
					}
				}
			});

			return false;
		});

		//导航高亮
		highlight_subnav('{:U('
		Addons / index
		')}'
		)
		;
		$('.side-sub-menu').find('a[href="{:U('
		Addons / index
		')}"]'
		).closest('li').addClass('current');
	</script>
</block>
